<div class="navbar">
	<div class="navbar-inner bg-green">
		<div class="left sliding">
			<a href="selfmenu.html" class="back link">
				<i class="icon icon-back color-white"></i>
			</a>
		</div>
    	<div class="center sliding color-white">我的订单</div>
  	</div>
</div>

<div class="pages navbar-through">
	<div data-page="myorder" class="page bg-white" id="myorder">
		<div class="page-content infinite-scroll" data-distance="100">
    		<div class="tab" id="tab_orderprocess">
				<div class="row" style="height: 6vh;text-align: center;border:1px solid black;">
					<div class="col-50 col-50_active" style="line-height: 6vh;height: 100%;" name="completed">
						<a href="#completed" class="color-black tab-link size_15 active bold yahei">有效单</a>
					</div>
					<div class="col-50" style="line-height: 6vh;height: 100%;" name="uncomplete">
						<a href="#uncomplete" class="color-black tab-link size_15 bold yahei">退款单</a>
					</div>
				</div>
			</div>
			<div class="tabs-animated-wrap">
				<div class="tabs">
					<div id="completed" class="tab active">
						<div class="list-block media-list" style="margin:0px;">
							<ul>
								{{#each completed}}
									<li data-id="{{id}}" class="orderitem">
										<div class="row" style="padding: 5px 10px 5px 10px;">
											<div class="col-80 bold size_15">{{title}}</div>
											<div class="col-20 color-green size_12">{{status}}</div>
										</div>
										<hr style="margin: 0;" class="color-gray">
										<div class="row" style="padding: 8px 10px 8px 10px;">
											<div class="col-80 size_12 color-gray">{{startDay}}至{{stopDay}}<br>{{persons}}人</div>
											<div class="col-20 size_12 color-green">{{moneyTotal}}</div>
										</div>
									</li>
									<li><div class="item-divider"></div></li>
								{{/each}}
							</ul>
						</div>			
		        	</div>
		        	<div id="uncomplete" class="tab">
		          		<div class="list-block media-list" style="margin:0px;">
							<ul>
								{{#each uncomplete}}
									<li data-id="{{id}}" class="orderitem">
										<div class="row" style="padding: 5px 10px 5px 10px;">
											<div class="col-80 bold size_15">{{title}}</div>
											<div class="col-20 color-green size_12">{{status}}</div>
										</div>
										<hr style="margin: 0;" class="color-gray">
										<div class="row" style="padding: 8px 10px 8px 10px;">
											<div class="col-80 size_12 color-gray">{{startDay}}至{{stopDay}}<br>{{persons}}人</div>
											<div class="col-20 size_12 color-green">{{moneyTotal}}</div>
										</div>
									</li>
									<li><div class="item-divider"></div></li>
								{{/each}}
								<!-- <li>
									<div class="row" style="padding: 5px 10px 5px 10px;">
										<div class="col-80 bold size_15">悠悠巴黎走起来,听好,看好</div>
										<div class="col-20 color-green size_12">已完成</div>
									</div>
									<hr style="margin: 0;" class="color-gray">
									<div class="row" style="padding: 8px 10px 8px 10px;">
										<div class="col-80 size_12 color-gray">2016-07-23至2016-07-25<br>4人</div>
										<div class="col-20 size_12 color-green">172.3</div>
									</div>
								</li>
								<li><div class="item-divider"></div></li>
								<li>
									<div class="row" style="padding: 5px 10px 5px 10px;">
										<div class="col-80 bold size_15">悠悠巴黎走起来,听好,看好</div>
										<div class="col-20 color-green size_12">已完成</div>
									</div>
									<hr style="margin: 0;" class="color-gray">
									<div class="row" style="padding: 8px 10px 8px 10px;">
										<div class="col-80 size_12 color-gray">2016-07-23至2016-07-25<br>4人</div>
										<div class="col-20 size_12 color-green">172.3</div>
									</div>
								</li> -->
							</ul>
						</div>			
		        	</div>
		      	</div>
			</div>
			<!-- 加载提示符 -->
			<div class="infinite-scroll-preloader" style="display:none;">
			    <div class="preloader"></div>
			</div>
		</div>
	</div>
</div>